/* 
* 当前文件内的 样式 主要是对应 panda 项目 其他杂项 样式 封装
*/

:root
  --q-color-panda-light-light $panda-light-light
  --q-color-panda-base-light $panda-base-light
  --q-color-panda-base-dark $panda-base-dark
  --q-color-panda-dark-light $panda-dark-light
  --q-color-panda-dark-dark $panda-dark-dark
  --q-color-panda-text-light $panda-text-light
  --q-color-panda-text-dark $panda-text-dark
  --q-color-panda-table-border $panda-table-border



.q-checkbox__inner
  color  $panda-text-dark

.border-panda-dark-dark
  border-color  $panda-dark-dark
.panda-input-dense-1  
  height 32px
  padding 0 12px
  min-height 32px


.panda-font-size
  font-size 12px
  
.panda-icon 
  width: 21px; 
  height: 21px; 
  margin-right: 5px; 
  vertical-align: -2px; 
  fill: #369; 

.panda-icon-base
  color: #788299;
  -webkit-text-fill-color: #788299;  

.panda-icon-base:hover
  color: #4EA1FF;
  -webkit-text-fill-color: #4EA1FF; 

.panda-menu-label:hover
  color: #4EA1FF;
  -webkit-text-fill-color: #4EA1FF; 

.panda-icon-red
  color: $panda-color-red;
  -webkit-text-fill-color: $panda-color-red; 
.panda-icon-active
  color: #4EA1FF;
  -webkit-text-fill-color: #4EA1FF; 
.panda-icon-mini
  height: 14px !important;
  font-size: 14px !important;
.panda-icon-1em
  height: 1em !important;
  font-size: 1em !important;  

.q-item:hover
  background-color  $panda-dark-dark

.panda-round-dot
  display: inline-block; 
  height: 6px;
  width: 6px;
  background: #f00;
  border-radius: 3px;
  /* line-height: inherit; */
  /* vertical-align: middle; */




    
/*边距*/
panda-px-mixin()
  padding-left  arguments    
  padding-right  arguments   
panda-py-mixin()
  padding-top  arguments 
  padding-bottom  arguments 

.panda-px-2px 
  panda-px-mixin  2px   
.panda-py-2px 
  panda-py-mixin  2px   
.panda-px-10px 
  panda-px-mixin  10px   
.panda-py-10px 
  panda-py-mixin  10px  
.panda-px-16px
  panda-px-mixin  16px
.panda-edit-component-lable
  display inline-block
  width  150px
  text-align  left
  padding-left 20px

.panda-tab-like-tab:hover .panda-tab-like-tab-label
  color  #ffffff !important
.panda-tab-like-tab-active
  background-color  #2D374A !important
 
.panda-dialog-common
  background: #171D28;
  border: 1px solid #2D374A;
  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.50);
  border-radius: 10px;
  border-radius: 10px;

.panda-menu-select
   background #171D28




